<template>
	<view class="content">
		<!-- 顶部图片 -->
		<image class="top-image" src="https://cdnoss.kaoshixing.com/ksx_prod/618654/background/618654/20250918/1758161732218.jpg" mode="widthFix" style="width: 100%; height: auto;"></image>
		<!-- 轮播图部分 -->
		<swiper class="swiper" indicator-dots autoplay interval="3000" duration="500">
			<swiper-item>
				<image class="swiper-img"
					src="https://cdnoss.kaoshixing.com/ksx_prod/618654/background/618654/20250827/1756263953917.jpg">
				</image>
			</swiper-item>
			<swiper-item>
				<image class="swiper-img"
					src="https://cdnoss.kaoshixing.com/ksx_prod/618654/background/618654/20250611/1749621466977.jpg">
				</image>
			</swiper-item>
			<swiper-item>
				<image class="swiper-img"
					src="https://cdnoss.kaoshixing.com/ksx_prod/618654/background/618654/20250611/1749621709438.jpg">
				</image>
			</swiper-item>
		</swiper>

		<!-- 五个功能按钮 -->
		<view class="button-grid">
				<view class="button-item" @click="navigateTo('woyaobaoming')">
				<image class="button-icon" src="/static/icons/我要报名.png"></image>
				<text class="button-text">我要报名</text>
			</view>
				<view class="button-item" @click="navigateTo('woyaoshangke')">
				<image class="button-icon" src="/static/icons/我要上课.png"></image>
				<text class="button-text">我要上课</text>
			</view>
			<view class="button-item" @click="navigateTo('woyaoshangke')">
				<image class="button-icon" src="/static/icons/我要练题.png"></image>
				<text class="button-text">我要练题</text>
			</view>
			<view class="button-item" @click="navigateTo('woyaoshangke')">
				<image class="button-icon" src="/static/icons/我要考试.png"></image>
				<text class="button-text">我要考试</text>
			</view>

			
		<view class="button-item" @click="toggleMoreButtons">
				<image class="button-icon" src="/static/icons/更多.png"></image>
				<text class="button-text">更多</text>
			</view>


		</view>

	
		<!-- 五个功能按钮下方的更多按钮区域 -->
		<view class="button-grid1" :class="{ show: showMoreButtons }">
			<!-- 原有内容保持不变 -->
			<view class="button-item" @click="navigateToTraining">
				<image class="button-icon" src="/static/icons/培训介绍.png"></image>
				<text class="button-text">培训介绍</text>
			</view>

		

			<view class="button-item" @click="navigateTo('peixunshizi')">
				<image class="button-icon" src="/static/icons/培训师资.png"></image>
				<text class="button-text">培训师资</text>
			</view>

			<view class="button-item" @click="navigateTo('peixunzhengshu')">
				<image class="button-icon" src="/static/icons/证书培训.png"></image>
				<text class="button-text">培训证书</text>
			</view>
			<view class="button-item" @click="navigateTo('kaifapiao')">
				<image class="button-icon" src="/static/icons/发票开具.png"></image>
				<text class="button-text">发票开具</text>
			</view>
			<view class="button-item" @click="navigateTo('faguiku')">
				<image class="button-icon" src="/static/icons/政策法规库.png"></image>
				<text class="button-text">政策法规库</text>
			</view>
		</view>
		<!-- 免费增值税服务模块 -->
		<!-- <view class="free-service">
			<image class="service-image"
				src="https://cdnoss.kaoshixing.com/ksx_prod/618654/mExamBg/618654/20250708/1751939088113.jpg"
				mode="widthFix"></image>
		</view> -->
	<!-- 课程试看视频 -->
		<view class="px-4 sm:px-6 lg:px-7 py-10 bg-gray-50">
			<h2 class="text-2xl font-bold text-center mb-8">《网络主播合规管控》职业培训试听课程</h2>
			<view class="max-w-7xl mx-auto">
				<view class="grid grid-cols-1 md:grid-cols-2 gap-8 hidden-teacher-image">
					<!-- 视频2 -->
					<VideoPreview 
						teacherImage="https://cdnoss.kaoshixing.com/ksx_prod/618654/background/618654/20250611/1749612333043.jpg"
						videoSrc="https://zhongshuishibucket.oss-cn-beijing.aliyuncs.com/videos/%E6%9C%B1%E5%B7%8D10%E7%BD%91%E7%BB%9C%E4%BF%A1%E6%81%AF%E5%86%85%E5%AE%B9%E5%AE%89%E5%85%A8%E7%BC%96-%E7%AC%AC%E4%BA%94%E8%8A%82%20%E5%85%B6%E4%BB%96%E8%BF%9D%E6%B3%95%E8%BF%9D%E8%A7%84%E4%BF%A1%E6%81%AF%26%E7%AC%AC%E5%85%AD%E8%8A%82%20%E8%BF%9D%E8%A7%84%E5%A4%84%E7%BD%9A.mp4"
						title="《网络主播合规管控政策指南》（上册）第二章《网络信息内容安全》第五节——其他违法违规信息与违规处罚"
						teacher="朱  巍，我国著名传播法学家，中国政法大学传播法研究中心的副主任、教授、法学博士。多次参与国家网信办、市场监督管理总局、广电总局文旅部、最高人民法院等涉网法规政策立法论证/制定工作。 "
					/>
					<!-- 视频1 -->
					<VideoPreview 
						teacherImage="https://cdnoss.kaoshixing.com/ksx_prod/618654/background/618654/20250709/1752029377907.jpg"
						videoSrc="https://zhongshuishibucket.oss-cn-beijing.aliyuncs.com/videos/%E5%90%B4%E6%A6%95%E3%80%90%E7%BB%88%C2%B7%E5%90%88%E6%88%90%E3%80%91%E7%AC%AC%E4%B8%89%E7%AB%A0%20%E7%AC%AC%E4%B8%89%E9%83%A8%E5%88%86%20%E7%AC%AC%E4%B8%80%E8%8A%82%201.1%E4%B8%BB%E6%92%AD%E4%B8%8EMCN%E6%9C%BA%E6%9E%84-%E5%BD%A2%E6%88%90%E5%8A%B3%E5%8A%A8%E5%85%B3%E7%B3%BB.mp4"
						title="《网络主播合规管控政策指南》（下册）第三章《网络主播纳税义务》 第一节 ——1.1主播与MCN机构-形成劳动关系"
						teacher="吴榕，资深税务专家，拥有注册税务师、高级会计师/高级财务管理师、国际税务咨询师等多项专业资质。在财税领域深耕40余年，是多家大型直播基地/MCN机构税务顾问，在业内颇具影响力。"
					/>
					<!-- 视频3 -->
					<VideoPreview 
						teacherImage="https://cdnoss.kaoshixing.com/ksx_prod/618654/background/618654/20250925/1758792239475.png"
						videoSrc="https://zhongshuishibucket.oss-cn-beijing.aliyuncs.com/videos/%E8%94%A1%E6%98%8C%E7%AC%AC%E4%BA%94%E7%AB%A0%E7%BD%91%E7%BB%9C%E4%B8%BB%E6%92%AD%E7%9A%84%E6%99%BA%E8%83%BD%E7%A8%8E%E5%8A%A1%E7%9B%91%E7%AE%A1%E6%89%8B%E6%AE%B5-04-%E6%99%BA%E6%85%A7%E7%A8%8E%E5%8A%A1%E5%AF%B9%E7%BD%91%E7%BB%9C%E4%B8%BB%E6%92%AD%E8%B4%A6%E5%8F%B7%E6%99%BA%E8%83%BD%E7%9B%91%E7%AE%A1-1%E6%99%BA%E6%85%A7%E7%A8%8E%E5%8A%A1%E5%AF%B9%E7%BD%91%E7%BB%9C%E4%B8%BB%E6%92%AD%E8%B4%A6%E5%8F%B7%E6%99%BA%E8%83%BD%E7%9B%91%E7%AE%A1%E7%9A%84%E4%B8%BB%E8%A6%81%E6%96%B9%E5%BC%8F.mp4"
						title="《网络主播合规管控政策指南》（下册）第五章《网络主播的智能税务监管手段》 第四节——对网络主播账号智能监管的主要方式"
						teacher="曾瑞莹，女，中国政法大学税法博士，主要从事电子商务法、公司法、民商法、税法、国际法研究。曾发表多篇论文，深耕电子商务法、税法领域，学识扎实，对该领域的理论与实践有着深入且独到的研究。"
					/>
					<!-- 视频4 -->
					<VideoPreview 
						teacherImage="https://cdnoss.kaoshixing.com/ksx_prod/618654/background/618654/20250611/1749624279192.jpg"
						videoSrc="https://zhongshuishibucket.oss-cn-beijing.aliyuncs.com/videos/%E8%A2%81%E6%A3%AE%E5%BA%9A12%E7%AC%AC%E4%B8%80%E8%8A%82%20%E7%BD%91%E7%BB%9C%E4%B8%BB%E6%92%AD%E6%B6%89%E7%A8%8E%E6%B3%95%E5%BE%8B%E8%B4%A3%E4%BB%BB-%E5%9B%9B%E3%80%81%E8%B4%A6%E5%8F%B7%E5%B0%81%E7%A6%81.mp4"
						title="《网络主播合规管控政策指南》（下册）第六章《网络主播涉税法律责任与争议解决机制》第一节《网络主播涉税法律责任》（四）——账号封禁"
						teacher="袁森庚，我国著名税务律师，原国家税务总局干部学院教授，长期从事税法学的教学和科研工作。曾办理过最高人民法院等各级法院审理的全国涉税刑事、行政案件近200件。"
					/>
				</view>
			</view>
		</view>	  

		<!-- 教材章节模块 - 改为上下排列 -->
		<view class="materials-container">
			<text class="section-title">课程介绍</text>

			<!-- 教材章节展示 - 垂直排列 -->
			<view class="textbook-vertical">
				<!-- 上册 -->
				<view class="textbook-item" id="textbook-upper">
					<view class="textbook-inner">
						<!-- 照片区域 -->
						<view class="textbook-image-container">
							<image class="textbook-image"
								src="https://cdnoss.kaoshixing.com/ksx_prod/618654/mExamBg/618654/20250826/1756192674633.jpg">
							</image>
							<view class="textbook-caption">
								<text class="caption-text">网络安全合规解读</text>
								<text class="caption-text">网络营销合规解读</text>
								<text class="caption-text">主播账号封禁解读</text>
							</view>
						</view>

						<!-- 课程列表区域 - 右侧目录 -->
						<view class="textbook-content">
							<text class="textbook-title">上册目录</text>
							<scroll-view scroll-y class="chapter-list">
								<view v-for="(chapter, chapterIndex) in shang" :key="chapterIndex" class="chapter-item"
									@click="openChapterModal(chapter, 'upper')">
									<text class="chapter-index">{{ chapterIndex + 1 }}.</text>
									<text class="chapter-name">{{ chapter.title }}</text>
								</view>
							</scroll-view>
						</view>
					</view>
				</view>

				<!-- 下册 -->
				<view class="textbook-item" id="textbook-lower">
					<view class="textbook-inner">
						<!-- 照片区域 -->
						<view class="textbook-image-container">
							<image class="textbook-image"
								src="https://cdnoss.kaoshixing.com/ksx_prod/618654/mExamBg/618654/20250826/1756192600408.png">
							</image>
							<view class="textbook-caption">
								<text class="caption-text">网络主播涉税政策解读</text>
								<text class="caption-text">网络主播涉税智能监管</text>
								<text class="caption-text">网络主播涉税违规处罚</text>
							</view>
						</view>

						<!-- 课程列表区域 - 右侧目录 -->
						<view class="textbook-content">
							<text class="textbook-title">下册目录</text>
							<scroll-view scroll-y class="chapter-list">
								<view v-for="(chapter, chapterIndex) in xia" :key="chapterIndex" class="chapter-item"
									@click="openChapterModal(chapter, 'lower')">
									<text class="chapter-index">{{ chapterIndex + 1 }}.</text>
									<text class="chapter-name">{{ chapter.title }}</text>
								</view>
							</scroll-view>
						</view>
					</view>
				</view>
			</view>
		</view>

		<!-- 章节弹窗-->
		<uni-popup ref="chapterPopup" type="center" :mask-click="false">
			<view class="popup-content" v-if="selectedChapter">
				<view class="popup-header">
					<text class="popup-title">{{ selectedChapter.title }}</text>
					<uni-icons type="close" size="24" color="#999" @click="closeModal"></uni-icons>
				</view>

				<scroll-view scroll-y class="popup-body">
					<view v-if="selectedChapter.courses" class="course-list">
						<view v-for="(course, courseIndex) in selectedChapter.courses" :key="courseIndex"
							class="course-item">
							<view class="course-title" @click="openSectionModal(course)">
								<text>{{ course.title }}</text>
							</view>

							<view v-if="selectedSection === course && course.section" class="section-list">
								<view v-for="(item, itemIndex) in course.section" :key="itemIndex" class="section-item">
									<navigator :url="item.link" hover-class="none">
										<text>{{ item.title }}</text>
									</navigator>
								</view>
							</view>
						</view>
					</view>
					<view v-else class="empty-content">
						<text>暂无详细内容</text>
					</view>
				</scroll-view>

				<view class="popup-footer">
					<button class="close-btn" @click="closeModal">关闭</button>
				</view>
			</view>
		</uni-popup>

		<!-- 师资团队模块 -->
		<view class="section-header">
			<text class="section-title">师资团队</text>
			<text class="view-more" @click="peixunshizi">查看更多</text>
		</view>

		<!-- 师资信息展示 -->
		<view class="teacher-list">
			<view v-for="(teacher, index) in teachers" :key="index" class="teacher-card"
				@touchstart="showTeacherInfo(index)" @touchend="hideTeacherInfo"
				:class="{ 'active': activeTeacherIndex == index }">
				<!-- 图片区域 -->
				<view class="teacher-image-container">
					<image :src="teacher.image" mode="aspectFill" class="teacher-image" />
				</view>

				<!-- 悬停时显示的个人信息 -->
				<view class="teacher-hover-info" :style="{ opacity: activeTeacherIndex == index ? 1 : 0 }">
					<text class="hover-info-text">{{ teacher.description1 }}</text>
				</view>

				<!-- 默认显示的个人信息 -->
				<view class="teacher-info">
					<text class="teacher-name">{{ teacher.name }}</text>
					<text class="teacher-title">{{ teacher.title }}</text>
					<view class="expertise-container">
						<view v-for="(item, i) in teacher.expertise" :key="i" class="expertise-item">
							{{ item }}
						</view>
					</view>
				</view>
			</view>
		</view>

	</view>
</template>

<script>
	import VideoPreview from '@/components/VideoPreview.vue';
	export default {
		components: {
			VideoPreview
		},
		data() {
			return {
				showMoreButtons: false, // 控制"更多功能按钮"的显示状态
				teachers: [{
						name: "施正文",
						image: "https://cdnoss.kaoshixing.com/ksx_prod/618654/background/618654/20250611/1749628499885.jpg",
						title: "中国政法大学财税法研究中心主任、教授、博士生导师",
						expertise: ["税收法规", "税务诉讼", "税收政策", "涉税处罚"],
						description: "我国著名财税法学家，中国法学会财税法学研究会副会长、中国税务学会学术委员会委员。参与多部涉税法律法规立法起草，主持20多项国家和省部级课题，出版32部专著，发表160余篇学术论文。",
						description1: "简介：施正文，男，我国著名财税法学家，‌中国政法大学财税法研究中心主任、教授，博士生导师。‌ 中国法学会财税法学研究会副会长、中国税务学会学术委员会委员等职务‌。主要研究领域包括财税法、比较税法、经济法、公共财政等。参与了全国人大多部涉税法律法规的立法起草工作；主持和参与“中国税法通则立法基本问题研究”等国家和省部级课题20多项；参与了国家税务总局、财政部、最高人民检察院等部委涉税法规起草咨询工作。并在中国税务出版社等十余家出版社出版发行《企业所得税法新旧条文变化与解读》等32部专著，在《中国税务》《法学研究》《中国法学》等期刊发表160余篇学术论文‌。",
					},
					{
						name: "伊 专",
						image: "https://cdnoss.kaoshixing.com/ksx_prod/618654/background/618654/20250611/1749624439617.jpg",
						title: "原国家税务总局税务干部学院副院长、一带一路税务学院·北京副院长",
						expertise: ["税收政策", "税务培训", "征管实务", "风险防范"],
						description: "著名税务专家，拥有近40年税务工作经验。参与国家重大税收政策改革和金税工程，从事税务教育培训30余年。擅长案例式、访谈式教学，获得多项荣誉奖章，发表40余篇专业文章。",
						description1: "简介：伊专曾任国家税务总局税务干部学院副院长、一带一路税务学院·北京副院长、中国税务学会理事会理事。曾在世界500强央企工作；曾在税务系统的基层分局、省局和总局的税收执法、行政管理和教育培训等部门工作和任职，曾参与总局重大税收政策改革、智能化升级改造；曾参与金税一期、二期、三期的相关工作；曾组织或参与查办税收执法类和行政管理类案件；有丰富的企业管理、税收征管和风险防范的实战经验，曾在省级以上刊物发表40余篇财会类和税收类论文或调研；从事专、兼职职业教育30余年，曾为税务系统、党政机关、企事业单位、社会团体、高校师生和“一带一路”沿线国家政府官员授课。",
					},
				],
				shang: [{
						title: "第一章  总  则",
						courses: [{
								title: "第一节  网络营销主体",
								section: [{
										title: "一、网络实名制",
										link: "/course/3"
									},
									{
										title: "二、主播主体的特殊认证制度",
										link: "/course/3"
									},
									{
										title: "三、主播的特殊资质验证",
										link: "/course/3"
									},
									{
										title: "四、主体名称的边界",
										link: "/course/3"
									},
									{
										title: "五、未成年人限制",
										link: "/course/3"
									},
									{
										title: "六、营利权限",
										link: "/course/3"
									},
								],
								link: "/course/3"
							},
							{
								title: "第二节 直播主体类型和性质",
								section: [{
										title: "一、直播间运营者的身份",
										link: "/course/3"
									},
									{
										title: "二、主体登记的责任",
										link: "/course/3"
									},
									{
										title: "三、市场主体登记",
										link: "/course/3"
									},
									{
										title: "四、虚拟经营场所",
										link: "/course/3"
									},
									{
										title: "五、直播间运营者作为销售者的法律责任",
										link: "/course/3"
									},
								],
								link: "/course/3"
							},

							{
								title: "第三节 网络主播权利与法定义务",
								section: [{
										title: "一、民事权利",
										link: "/course/3"
									},
									{
										title: "二、网络主播的法定义务",
										link: "/course/3"
									},
									{
										title: "三、网络主播法律合规体系",
										link: "/course/3"
									},
								],
								link: "/course/3"
							},
							{
								title: "第四节 网络主播特殊责任承担",
								section: [{
										title: "一、黑名单制度",
										link: "/course/3"
									},
									{
										title: "二、封营利权限",
										link: "/course/3"
									},
									{
										title: "三、取消营利权限",
										link: "/course/3"
									},
									{
										title: "四、抹除粉丝",
										link: "/course/3"
									},
								],
								link: "/course/3"
							},
						],
						link: "/course/3"
					},
					{
						title: "第二章 网络信息内容安全",
						courses: [{
								title: "第一节 综述",
								section: [{
										title: "一、网络信息内容安全的基本规定",
										link: "/course/3"
									},
									{
										title: "二、违法信息和不良信息的边界《网络信息内容生态治理规定》",
										link: "/course/3"
									},
									{
										title: "三、不良信息",
										link: "/course/3"
									},
								],
								link: "/course/3"
							},
							{
								title: "第二节 行业规范违法范围《网络主播行为规范》",

								link: "/course/3"
							},
							{
								title: "第三节 网络主播其他违法违规信息",
								section: [{
										title: "一、不正当竞争信息",
										link: "/course/3"
									},
									{
										title: "二、违规代言信息",
										link: "/course/3"
									},
									{
										title: "三、违反网络宗教主体资质信息",
										link: "/course/3"
									},
									{
										title: "四、网络时政类信息、四种职业垂类信息",
										link: "/course/3"
									},
									{
										title: "五、杜撰、演绎作品、人工智能、深度合成信息",
										link: "/course/3"
									},

								],
								link: "/course/3"
							},
							{
								title: "第四节 网络主播违反网络内容信息安全的责任与处罚",
								section: [{
										title: "（一）侵权责任",
										link: "/course/3"
									},
									{
										title: "（二）行政责任",
										link: "/course/3"
									},
									{
										title: "（三）刑事责任",
										link: "/course/3"
									},
									{
										title: "（四）账号封禁、清除粉丝、不得推荐、黑名单等",
										link: "/course/3"
									},
									{
										title: "（五）典型案例评分析",
										link: "/course/3"
									},
								],
								link: "/course/3"
							},
						],
						link: "/course/3"
					},

					{
						title: "第三章 网络主播作为广告发布者/经营者的责任",
						courses: [{
								title: "第一节 网络主播广告内容底线",
								section: [{
										title: "一、广告内容规范要求",
										link: "/course/3"
									},
									{
										title: "二、禁止性内容",
										link: "/course/3"
									},

								],
								link: "/course/3"
							},
							{
								title: "第二节 特殊产品的广告规定",
								section: [{
										title: "一、三品一械广告",
										link: "/course/3"
									},
									{
										title: "二、医疗广告",
										link: "/course/3"
									},
									{
										title: "三、婴儿乳制品、饮料和其他食品广告",
										link: "/course/3"
									},
									{
										title: "四、教育、培训类广告",
										link: "/course/3"
									},
									{
										title: "五、招商、金融、投资类广告",
										link: "/course/3"
									},
									{
										title: "六、农药、兽药、饲料类广告",
										link: "/course/3"
									},
									{
										title: "七、酒类广告",
										link: "/course/3"
									},
									{
										title: "八、房地产类广告",
										link: "/course/3"
									},
									{
										title: "九、农林牧渔种苗广告",
										link: "/course/3"
									},
									{
										title: "十、烟草类",
										link: "/course/3"
									},
									{
										title: "十一、特殊药品、戒毒产品",
										link: "/course/3"
									},
									{
										title: "十二、保护未成年人的特殊性规定",
										link: "/course/3"
									},
								],
								link: "/course/3"
							},

							{
								title: "第三节 网络主播广告标记义务",
								link: "/course/3"
							},
							{
								title: "第四节 网络主播虚假广告的法律责任与处罚",
								section: [{
										title: "一、停止违法行为",
										link: "/course/3"
									},
									{
										title: "二、消除影响",
										link: "/course/3"
									},
									{
										title: "三、没收违法所得及罚款",
										link: "/course/3"
									},
									{
										title: "四、民事赔偿责任",
										link: "/course/3"
									},
									{
										title: "五、其他法律责任",
										link: "/course/3"
									},
								],
								link: "/course/3"
							},
						],
						link: "/course/3"
					},
					{
						title: "第四章 网络主播营销中特殊商品宣传和审核关键点",
						courses: [{
								title: "第一节 食品类资质审核和宣传",
								section: [{
										title: "一、普通食品",
										link: "/course/3"
									},
									{
										title: "二、预包装食品",
										link: "/course/3"
									},
									{
										title: "三、农产品（含动物产品）",
										link: "/course/3"
									},
									{
										title: "四、保健品",
										link: "/course/3"
									},
									{
										title: "五、进口食品、特殊营养、新资源食品",
										link: "/course/3"
									},
								],
								link: "/course/3"
							},
							{
								title: "第二节 化妆品资质审核和宣传",
								section: [{
										title: "一、资质审核流程",
										link: "/course/3"
									},
									{
										title: "二、可宣传的合法用语类型",
										link: "/course/3"
									},
									{
										title: "三、新功能化妆品（母婴）",
										link: "/course/3"
									},
									{
										title: "四、修复类、爽身类、护发类、美白类审核要点",
										link: "/course/3"
									},
									{
										title: "五、过度展示人体、对比等擦边类",
										link: "/course/3"
									},
									{
										title: "六、零添加”等误导类宣传",
										link: "/course/3"
									},
									{
										title: "七、儿童类",
										link: "/course/3"
									},
								],
								link: "/course/3"
							},

							{
								title: "第三节 三品一械类产品审核和宣传",
								section: [{
										title: "一、药品",
										link: "/course/3"
									},
									{
										title: "二、保健食品",
										link: "/course/3"
									},
									{
										title: "三、特殊医学用途配方食品",
										link: "/course/3"
									},
									{
										title: "四、医疗器械的",
										link: "/course/3"
									},
									{
										title: "五、处方类药品、医疗方法广告",
										link: "/course/3"
									},
								],
								link: "/course/3"
							},
							{
								title: "第四节 其他特殊商品或服务的审核和宣传要点",
								link: "/course/3"
							},
						],
						link: "/course/3"
					},
					{
						title: "第五章  网络主播探店、种草类短视频合规",
						courses: [{
								title: "第一节 网络主播探店、种草类行为的性质分类",
								section: [

									{
										title: "一、广告类",
										link: "/course/3"
									},
									{
										title: "二、分享类",
										link: "/course/3"
									},
									{
										title: "三、销售类",
										link: "/course/3"
									},
								],
								link: "/course/3"
							},
							{
								title: "第二节 禁止性规定",
								section: [{
										title: "一、虚假宣传未到店宣传、搬运宣传",
										link: "/course/3"
									},
									{
										title: "二、未到店宣传、搬运宣传",
										link: "/course/3"
									},
									{
										title: "三、非景区种草（保护区、未开放、工地、危险地带等）",
										link: "/course/3"
									},
									{
										title: "四、危险行为种草（危险驾驶、攀爬建筑）",
										link: "/course/3"
									},
								],
								link: "/course/3"
							},

							{
								title: "第三节 网络主播种草规则",
								section: [{
										title: "一、自由种草",
										link: "/course/3"
									},
									{
										title: "二、合约种草",
										link: "/course/3"
									},
								],
								link: "/course/3"
							},
							{
								title: "第四节 网络主播违法违约责任与处罚",
								section: [{
										title: "一、下架视频",
										link: "/course/3"
									},
									{
										title: "二、罚款",
										link: "/course/3"
									},
									{
										title: "三、封营利权限与禁言、取消营利权限、无期限禁言",
										link: "/course/3"
									},
								],
								link: "/course/3"
							},
						],
						link: "/course/3"
					},
					{
						title: "第六章 网络主播签署合同注意事项",
						courses: [{
								title: "第一节 网络主播与MCN机构签署经纪合同的要点",
								section: [{
										title: "一、账号所有权、使用权归属",
										link: "/course/3"
									},
									{
										title: "二、分成、佣金、查账、支付期限的约定",
										link: "/course/3"
									},
									{
										title: "三、选品、档期和直播权限约定",
										link: "/course/3"
									},
									{
										title: "四、商事人格权约定",
										link: "/course/3"
									},
									{
										title: "五、法定解除和约定解除",
										link: "/course/3"
									},
									{
										title: "六、违约责任",
										link: "/course/3"
									},
								],
								link: "/course/3"
							},
							{
								title: "第二节 网络主播与供应链签合同",
								section: [{
										title: "一、商品和服务资质审核、备案要点",
										link: "/course/3"
									},
									{
										title: "二、产品责任、售后责任约定",
										link: "/course/3"
									},
									{
										title: "三、物流风险约定",
										link: "/course/3"
									},
									{
										title: "四、期间最低价、最惠待遇约定",
										link: "/course/3"
									},
									{
										title: "五、切片处分",
										link: "/course/3"
									},
									{
										title: "六、违约责任和纠纷解决机构约定",
										link: "/course/3"
									},
								],
								link: "/course/3"
							},

							{
								title: "第三节 网络主播与助播、助力和工作人员合同",
								section: [{
										title: "一、劳动合同",
										link: "/course/3"
									},
									{
										title: "二、劳务合同",
										link: "/course/3"
									},
									{
										title: "三、保密协议",
										link: "/course/3"
									},
									{
										title: "四、竞业禁止",
										link: "/course/3"
									},
								],
								link: "/course/3"
							},
							{
								title: "第四节 种草协议、代言协议",
								section: [{
										title: "一、广告代言人的认定标准",
										link: "/course/3"
									},
									{
										title: "二、产品和服务尽调审核流程",
										link: "/course/3"
									},
									{
										title: "三、代言责任承担与处罚",
										link: "/course/3"
									},
								],
								link: "/course/3"
							},
						],
						link: "/course/3"
					},
					{
						title: "第七章 网络主播人格权利保护",
						courses: [{
								title: "第一节 一般人格权",
								link: "/course/3"
							},
							{
								title: "第二节 肖像权与声音权",
								link: "/course/3"
							},
							{
								title: "第三节 隐私权与个人信息",
								link: "/course/3"
							},
							{
								title: "第四节 名誉权、商誉权和荣誉权",
								link: "/course/3"
							},
							{
								title: "第五节 姓名权与名称权",
								link: "/course/3"
							},
							{
								title: "第六节 知识产权保护",
								link: "/course/3"
							},
						],
						link: "/course/3"
					},
					{
						title: "第八章  网络主播人工智能与深度合成合法使用边界",
						courses: [{
								title: "第一节 网络主播使用人工智能法律边界和伦理责任",
								section: [{
										title: "一、网络主播使用人工智能技术的法律边界",
										link: "/course/3"
									},
									{
										title: "二、网络主播利用人工智能（AI）技术的禁止性行为",
										link: "/course/3"
									},
									{
										title: "三、网络主播使用人工智能技术的伦理责任",
										link: "/course/3"
									},
									{
										title: "四、总结",
										link: "/course/3"
									},
								],
								link: "/course/3"
							},
							{
								title: "第二节 网络主播使用人工智能生成内容的标记责任",
								section: [{
										title: "一、法律框架下的强制标识义务",
										link: "/course/3"
									},
									{
										title: "二、主播的具体标记义务",
										link: "/course/3"
									},
									{
										title: "三、主播的标记责任与操作规范",
										link: "/course/3"
									},
									{
										title: "四、未履行标记责任的法律风险",
										link: "/course/3"
									},
								],
								link: "/course/3"
							},
							{
								title: "第三节 网络主播主播使用深度合成服务的边界和责任",
								section: [{
										title: "一、网络主播使用深度合成服务的法律边界",
										link: "/course/3"
									},
									{
										title: "二、网络主播使用深度合成服务的伦理责任",
										link: "/course/3"
									},
								],
								link: "/course/3"
							},
							{
								title: "第四节 网络主播违反人工智能合成相关规定处罚标准",
								section: [{
										title: "一、民事责任",
										link: "/course/3"
									},
									{
										title: "二、行政责任",
										link: "/course/3"
									},
									{
										title: "三、刑事责任风险",
										link: "/course/3"
									},
								],
								link: "/course/3"
							},
						],
						link: "/course/3"
					},
					{
						title: "第九章  网络主播维权途径",
						courses: [{
								title: "第一节 主播维权途径选择",
								section: [{
										title: "一、权利类型与维权渠道",
										link: "/course/3"
									},
									{
										title: "二、各渠道效果比较",
										link: "/course/3"
									},
									{
										title: "三、维权效果分析",
										link: "/course/3"
									},
								],
								link: "/course/3"
							},
							{
								title: "第二节 网络主播被侵害人格权益的维权措施",
								section: [{
										title: "一、通知删除（避风港规则）",
										link: "/course/3"
									},
									{
										title: "二、向平台举报、向违法和不良信息举报中心举报和向法院诉讼",
										link: "/course/3"
									},
									{
										title: "三、向法院提起诉讼（仲裁机构仲裁）",
										link: "/course/3"
									},
									{
										title: "四、起诉与证据",
										link: "/course/3"
									},
								],
								link: "/course/3"
							},

							{
								title: "第三节 网络主播二选一的维权措施",
								link: "/course/3"
							},
							{
								title: "第四节 网络主播人格权禁令与知识产权禁令制度",
								section: [{
										title: "一、行为保全（禁令）的类型",
										link: "/course/3"
									},
									{
										title: "二、什么情况下可以申请禁令",
										link: "/course/3"
									},
									{
										title: "三、该如何申请保全",
										link: "/course/3"
									},
									{
										title: "四、行为保全和财产保全有什么区别",
										link: "/course/3"
									},
								],
								link: "/course/3"
							},
							{
								title: "第五节 网络主播行为保全与财产保全措施",
								section: [{
										title: "一、刑事案件立案的标准",
										link: "/course/3"
									},
									{
										title: "二、立案材料",
										link: "/course/3"
									},
									{
										title: "三、刑事立案程序",
										link: "/course/3"
									},
								],
								link: "/course/3"
							},
						],
						link: "/course/3"
					},
				],
				xia: [{
						title: "第一章 网络直播行业与网络主播税务合规概述",
						courses: [{
								title: "第一节 网络直播的基本概念与发展现状",
								link: "/course/3"
							},
							{
								title: "第二节 网络直播的商业模式与组织架构",
								link: "/course/3"
							},
							{
								title: "第三节 网络主播的税收基本知识 ",
								link: "/course/3"
							},
							{
								title: "第四节 网络直播税收治理与网络主播合规要求",
								link: "/course/3"
							},

						],
						link: "/course/3"
					},
					{
						title: "第二章 网络主播从业的基本法律关系",
						courses: [{
								title: "第一节网络主播从业方式",
								link: "/course/3"
							},
							{
								title: "第二节 网络主播的组织形态",
								link: "/course/3"
							},
							{
								title: "第三节 网络主播的收入类型",
								link: "/course/3"
							},
							{
								title: "第四节 网络主播从业的基础法律关系",
								link: "/course/3"
							},
							{
								title: "第五节 网络主播从业的税收法律关系",
								link: "/course/3"
							},

						],
						link: "/course/3"
					},
					{
						title: "第三章 网络主播的纳税义务",
						courses: [{
								title: "第一节 网络主播经营主体基本模式",
								section: [{
										title: "一、网络主播类型",
										link: "/course/3"
									},
									{
										title: "（一）娱乐主播：游戏、才艺、秀场、影视、短视频等",
										link: "/course/3"
									},
									{
										title: "（二）知识主播：基础学科、人文社科、时政评论等",
										link: "/course/3"
									},
									{
										title: "（三）电商主播：带货营销、广告宣传等",
										link: "/course/3"
									},
									{
										title: "（四）技能主播：编程、设计、摄影、厨技、农技等",
										link: "/course/3"
									},
									{
										title: "（五）生活主播：美食、美妆、户外、旅行、健身等",
										link: "/course/3"
									},
									{
										title: "（六）其他主播：随着网络直播行业的不断发展，网络主播类型也在不断创新和细分",
										link: "/course/3"
									},
									{
										title: "二、网络主播经营主体运行模式",
										link: "/course/3"
									},
									{
										title: "（一）网络主播个人与平台、组织或单位签约模式",
										link: "/course/3"
									},
									{
										title: "1.网络主播个人与直播平台签约合作模式",
										link: "/course/3"
									},
									{
										title: "2.网络主播个人与电商签约合作模式",
										link: "/course/3"
									},
									{
										title: "3.网络主播个人与经纪公司或组织签约合作模式",
										link: "/course/3"
									},
									{
										title: "4.网络主播个人与单位签约模式",
										link: "/course/3"
									},
									{
										title: "（二）网络主播个人或自建工作室注册公司模式",
										link: "/course/3"
									},
									{
										title: "1.网络主播个人或工作室注册个体工商户模式",
										link: "/course/3"
									},
									{
										title: "2.网络主播个人或工作室注册独资企业模式",
										link: "/course/3"
									},
									{
										title: "3.网络主播个人或工作室注册合伙企业模式",
										link: "/course/3"
									},
									{
										title: "4.网络主播个人或工作室注册有限责任公司模式",
										link: "/course/3"
									},
									{
										title: "三、网络主播收入模式​",
										link: "/course/3"
									},
									{
										title: "（一）基本薪金",
										link: "/course/3"
									},
									{
										title: "（二）佣金收入（销售提成）",
										link: "/course/3"
									},
									{
										title: "（三）打赏收入",
										link: "/course/3"
									},
									{
										title: "（四）坑位费",
										link: "/course/3"
									},
									{
										title: "（四）坑位费",
										link: "/course/3"
									},
									{
										title: "（六）品牌合作​",
										link: "/course/3"
									},
									{
										title: "（七）广告收入",
										link: "/course/3"
									},

									{
										title: "（八）付费会员或付费内容收入",
										link: "/course/3"
									},
									{
										title: "（九）活动出场费",
										link: "/course/3"
									},
									{
										title: "（十）版权收入",
										link: "/course/3"
									},
									{
										title: "（十一）衍生产品收入",
										link: "/course/3"
									},
									{
										title: "（十二）平台奖励",
										link: "/course/3"
									},
									{
										title: "（十三）其他收入​",
										link: "/course/3"
									},
									{
										title: "四、网络主播涉及的税种",
										link: "/course/3"
									},
									{
										title: "（一）我国现行的种税情况",
										link: "/course/3"
									},
									{
										title: "（二）网络主播涉及的主要税种",
										link: "/course/3"
									},
									{
										title: "（三）网络主播应区分的涉税主体概念",
										link: "/course/3"
									},
									{
										title: "1.个人（自然人）",
										link: "/course/3"
									},
									{
										title: "2.个体工商户​",
										link: "/course/3"
									},
									{
										title: "3.独资企业",
										link: "/course/3"
									},
									{
										title: "4.合伙企业",
										link: "/course/3"
									},
									{
										title: "5.小微企业",
										link: "/course/3"
									},
									{
										title: "6.小规模纳税人​",
										link: "/course/3"
									},
									{
										title: "7.一般纳税人",
										link: "/course/3"
									},
								],
								link: "/course/3"
							},
							{
								title: "第二节 网络主播经营模式与纳税规定",
								section: [{
										title: "一、网络主播个人与直播平台、电商平台、经纪公司组织、单位签约模式的纳税规定",
										link: "/course/3"
									},
									{
										title: "（一）网络主播签约劳动关系的纳税规定",
										link: "/course/3"
									},
									{
										title: "1.应纳个人所得税的规定",
										link: "/course/3"
									},
									{
										title: "（1）个人所得税概述",
										link: "/course/3"
									},
									{
										title: "（2）哪些人应依法缴纳个人所得税",
										link: "/course/3"
									},
									{
										title: "（3）哪些收入应该缴纳个人所得税",
										link: "/course/3"
									},
									{
										title: "（4）起征点的规定",
										link: "/course/3"
									},
									{
										title: "（5）不同收入性质适用不同税率",
										link: "/course/3"
									},
									{
										title: "（6）专项扣除项目",
										link: "/course/3"
									},
									{
										title: "（7）税收优惠政策",
										link: "/course/3"
									},
									{
										title: "（8）如何计算应缴个人所得税",
										link: "/course/3"
									},
									{
										title: "（9）个人所得税的征收管理",
										link: "/course/3"
									},
									{
										title: "①纳税申报",
										link: "/course/3"
									},
									{
										title: "②税款缴纳 ",
										link: "/course/3"
									},
									{
										title: "③代扣代缴的规定",
										link: "/course/3"
									},
									{
										title: "④违反税收法律的相关法律责任",
										link: "/course/3"
									},
									{
										title: "2.其他应纳税费的规定",
										link: "/course/3"
									},
									{
										title: "（1）车船税",
										link: "/course/3"
									},
									{
										title: "①车船税概述",
										link: "/course/3"
									},
									{
										title: "②哪些网络主播需要缴纳车船税",
										link: "/course/3"
									},
									{
										title: "③哪些车辆、船舶需要缴纳车船税",
										link: "/course/3"
									},
									{
										title: "③哪些车辆、船舶需要缴纳车船税",
										link: "/course/3"
									},
									{
										title: "⑤不同车辆、船舶适用不同税率",
										link: "/course/3"
									},
									{
										title: "⑥如何计算车船税应纳税额",
										link: "/course/3"
									},
									{
										title: "⑦车船税的征收管理",
										link: "/course/3"
									},
									{
										title: "（2）房产税 ",
										link: "/course/3"
									},
									{
										title: "①房产税概述 ",
										link: "/course/3"
									},
									{
										title: "②哪些网络主播需要缴纳房产税",
										link: "/course/3"
									},
									{
										title: "③哪些房屋需要缴纳房产税",
										link: "/course/3"
									},
									{
										title: "④税收优惠政策",
										link: "/course/3"
									},
									{
										title: "⑤房产税适用税率",
										link: "/course/3"
									},
									{
										title: "⑥如何计算房产税应纳税额",
										link: "/course/3"
									},
									{
										title: "⑦房产税的征收管理",
										link: "/course/3"
									},
									{
										title: "（3）印花税",
										link: "/course/3"
									},
									{
										title: "①印花税概述",
										link: "/course/3"
									},
									{
										title: "②哪些网络主播需要缴纳印花税",
										link: "/course/3"
									},
									{
										title: "③哪些行为需要缴纳印花税",
										link: "/course/3"
									},
									{
										title: "④税收优惠政策",
										link: "/course/3"
									},
									{
										title: "⑤印花税适用税率",
										link: "/course/3"
									},
									{
										title: "⑥如何计算印花税应纳税额",
										link: "/course/3"
									},
									{
										title: "⑦印花税的征收管理",
										link: "/course/3"
									},
								],
								link: "/course/3"
							},
						],
						link: "/course/3"
					},
					{
						title: "第四章 网络主播涉税常见问题及合规要求（根据《检查指引要求》编写）",
						courses: [{
								title: "第一节 个人账户收款问题",
								link: "/course/3"
							},
							{
								title: "第二节 虚列成本问题",
								link: "/course/3"
							},
							{
								title: "第三节 隐匿收入问题",
								link: "/course/3"
							},
							{
								title: "第四节 转换收入性质问题",
								link: "/course/3"
							},
							{
								title: "第五节 签订“阴阳合同”问题",
								link: "/course/3"
							},
							{
								title: "第六节 代扣代缴税款问题",
								link: "/course/3"
							},
							{
								title: "第七节 “四流”不一致问题",
								link: "/course/3"
							},
							{
								title: "第八节 虚假发票问题",
								link: "/course/3"
							},
							{
								title: "第九节 利用 “税收洼地” 避税问题",
								link: "/course/3"
							},
							{
								title: "第十节 滥用小型微利企业税收优惠政策问题",
								link: "/course/3"
							},
						],
						link: "/course/3"
					},
					{
						title: "第五章 网络主播的智能税务监管手段",
						courses: [{
								title: "第一节 国家对互联网行业及相关服务业的智能监管",
								section: [{
										title: "一、智能税务监管方法",
										link: "/course/3"
									},
									{
										title: "二、智能税务监管要点",
										link: "/course/3"
									},
									{
										title: "三、互联网企业应对智能税务监管的主要方法",
										link: "/course/3"
									},
								],
								link: "/course/3"
							},
							{
								title: "第二节 国家对网络主播智能税务监管",
								section: [{
										title: "一、智能税务监管方法",
										link: "/course/3"
									},
									{
										title: "二、智能税务监管要点",
										link: "/course/3"
									},
									{
										title: "三、网络主播及其经纪公司应对智能税务监管的主要方法",
										link: "/course/3"
									},
								],
								link: "/course/3"
							},
						],
						link: "/course/3"
					},
					{
						title: "第六章 网络主播的涉税法律责任与争议解决机制",
						courses: [{
								title: "第一节 网络主播的法律责任",
								section: [{
										title: "一、税务行政处理",
										link: "/course/3"
									},
									{
										title: "二、税务行政处罚",
										link: "/course/3"
									},
									{
										title: "三、税务刑事处罚",
										link: "/course/3"
									},
									{
										title: "四、账号封禁",
										link: "/course/3"
									},
								],
								link: "/course/3"
							},
							{
								title: "第二节 网络主播涉税违法典型案例分析",
								section: [{
										title: "一、隐匿收入偷税案分析",
										link: "/course/3"
									},
									{
										title: "二、虚构业务转换收入性质偷税案分析",
										link: "/course/3"
									},
									{
										title: "三、分拆收入偷税案分析",
										link: "/course/3"
									},
									{
										title: "四、拒不申报偷税案分析",
										link: "/course/3"
									},
									{
										title: "五、直播活动无偿赠送未视作销售偷税案分析",
										link: "/course/3"
									},
									{
										title: "六、接受虚开发票案分析",
										link: "/course/3"
									},
									{
										title: "七、直播平台为他人虚开增值税专用发票案分析",
										link: "/course/3"
									},
									{
										title: "八、未履行扣缴税款案分析",
										link: "/course/3"
									},
									{
										title: "九、经纪公司未履行代缴代扣税款案分析",
										link: "/course/3"
									},
								],
								link: "/course/3"
							},
							{
								title: "第三节 网络主播涉税争议解决机制",
								section: [{
										title: "一、税务稽查应对",
										link: "/course/3"
									},
									{
										title: "二、税务听证",
										link: "/course/3"
									},
									{
										title: "三、税务行政复议",
										link: "/course/3"
									},
									{
										title: "四、税务行政诉讼",
										link: "/course/3"
									},
								],
								link: "/course/3"
							},

						],
						link: "/course/3"
					},
					{
						title: "第七章 网络主播合规节税与税务成本规划",
						courses: [{
								title: "第一节 网络主播税务成本规划的基本理念",
								link: "/course/3"
							},
							{
								title: "第二节 网络主播税收优惠的主要类型",
								link: "/course/3"
							},
							{
								title: "第三节 网络主播依法节税的主要方式",
								link: "/course/3"
							},
							{
								title: "第四节 网络主播税务成本的风险控制",
								link: "/course/3"
							},
						],
						link: "/course/3"
					},
					{
						title: "第八章 人工智能在直播行业税务风险防范中的实操应用",
						courses: [{
								title: "第一节 直播行业税务监管环境概述	",
								section: [{
										title: "一、“智慧税务”背景与政策概览",
										link: "/course/3"
									},
									{
										title: "二、税务数字监管的技术路径与风险识别机制",
										link: "/course/3"
									},
									{
										title: "三、直播行业涉税重点监管领域",
										link: "/course/3"
									},
								],
								link: "/course/3"
							},
							{
								title: "第二节  MCN机构税务合规管理实践",
								section: [{
										title: "一、主播签约模式与税务处理	",
										link: "/course/3"
									},
									{
										title: "（一）员工雇佣模式",
										link: "/course/3"
									},
									{
										title: "（二）独立个人（自由职业者）模式	",
										link: "/course/3"
									},
									{
										title: "（三）成立工作室/个人独资企业模式	",
										link: "/course/3"
									},
									{
										title: "（四）经纪代理模式	",
										link: "/course/3"
									},
									{
										title: "二、主播收入结算与个人所得税代扣代缴",
										link: "/course/3"
									},
									{
										title: "（一）收入结算流程	",
										link: "/course/3"
									},
									{
										title: "（二）个税代扣代缴计算	",
										link: "/course/3"
									},
									{
										title: "（三）扣缴申报与资料留存	",
										link: "/course/3"
									},
									{
										title: "（四）合规风险防范	",
										link: "/course/3"
									},
								],
								link: "/course/3"
							},
							{
								title: "第三节  AI+税务风控工具在MCN中的应用",
								section: [{
										title: "一、 AI赋能税务风险管理概述",
										link: "/course/3"
									},
									{
										title: "二、中税师/罗格科技税务风控服务平台	",
										link: "/course/3"
									},
									{
										title: "三、中税师/罗拉税务AI大模型与智能咨询",
										link: "/course/3"
									},
								],
								link: "/course/3"
							},
							{
								title: "第四节 总结与展望",
								link: "/course/3"
							},
						],
						link: "/course/3"
					},
				],
				activeTeacherIndex: null,
				selectedChapter: null,
				selectedSection: null,
				popupPosition: '' // 记录弹窗应该覆盖的教材位置（upper或lower）
			}
		},
		methods: {
			//点击隐藏更多按钮
			toggleMoreButtons() {
				this.showMoreButtons = !this.showMoreButtons; // 点击时切换显示/隐藏状态
			},
			async checkLogin() {
    const token = uni.getStorageSync('token');
    if (!token) {
        uni.showModal({
            title: '提示',
            content: '登录状态已过期，请重新登录',
            showCancel: false,
            success: () => {
                uni.navigateTo({
                    url: '/pages/login/index?redirect=woyaobaoming'
                });
            }
        });
        return false;
    }
    return true;
},
async navigateTo(page) {
    // 处理我要报名跳转
    if (page === 'woyaobaoming') {
        const isLoggedIn = await this.checkLogin();
        if (!isLoggedIn) return;
    }
    
    // 处理我要上课跳转
    if (page === 'woyaoshangke') {
        try {
            const token = uni.getStorageSync('token');
            const response = await new Promise((resolve, reject) => {
                uni.request({
                    url: 'https://www.xn--fiq799a58u.xn--fiqs8s/api/ksx',
                    method: 'POST',
                    header: {
                        'Content-Type': 'application/json',
                        'Authorization': `Bearer ${token}`
                    },
                    data: {},
                    success: (res) => resolve(res),
                    fail: (err) => reject(err)
                });
            });

            if (response.statusCode === 403) {
                // 处理未登录情况
                uni.showToast({
                    title: '请先登录',
                    icon: 'none'
                });
                return;
            }

            const data = response.data;
            if (data.url) {
                // 直接跳转到接口返回的链接
                if (data.url.startsWith('http')) {
                    // H5链接使用web-view或跳转外部浏览器
                    uni.navigateTo({
                        url: '/pages/webview/webview?url=' + encodeURIComponent(encodeURIComponent(data.url))
                    });
                } else {
                    // 小程序路径直接跳转
                    uni.navigateTo({
                        url: data.url
                    });
                }
            } else {
                console.error('未收到有效URL');
                uni.showToast({
                    title: '请先报名',
                    icon: 'none'
                });
            }
        } catch (error) {
            console.error('接口调用失败:', error);
            uni.showToast({
                title: '请先报名',
                icon: 'none'
            });
        }
    } else {
        // 其他页面正常跳转
        uni.navigateTo({
            url: `/pages/${page}/index`
        });
        console.log('跳转到:', page);
    }
},
			navigateToTraining() {
				// 专门处理培训介绍跳转
				uni.navigateTo({
					url: '/pages/peixunjieshao/index'
				});
			},
			woyaobaoming() {
				// 专门处理我要报名跳转
				uni.navigateTo({
					url: '/pages/woyaobaoming/index'
				});
			},
			kaifapiao() {
				// 专门开发票跳转
				uni.navigateTo({
					url: '/pages/kaifapiao/index'
				});
			},
			peixunzhengshu(){
				uni.navigateTo({
					url: '/pages/peixunzhengshu/index'
				});
			},

			peixunshizi() {
				// 专门处理师资培训跳转
				uni.navigateTo({
					url: '/pages/peixunshizi/index'
				});
			},
			showTeacherInfo(index) {
				this.activeTeacherIndex = index;
			},
			hideTeacherInfo() {
				// 可以添加延迟隐藏，让用户有时间阅读信息
				setTimeout(() => {
					this.activeTeacherIndex = null;
				}, 3000);
			},
			openChapterModal(chapter, position) {
				this.selectedChapter = chapter;
				this.popupPosition = position;

				// 获取教材模块的位置信息
				const query = uni.createSelectorQuery().in(this);
				query.select(`#textbook-${position}`).boundingClientRect(data => {
					this.popupTop = data.top + 20; // 在模块上方20px处显示
					this.$refs.chapterPopup.open();
				}).exec();
			},

			openSectionModal(section) {
				// 切换章节展开/折叠状态
				this.selectedSection = this.selectedSection === section ? null : section;
			},
			// closeModal() {
			//     this.popupTop = 0;
			//     this.$refs.chapterPopup.close();
			//   }
			closeModal() {
				// 确保 $refs 存在再调用 close
				if (this.$refs.chapterPopup && this.$refs.chapterPopup.close) {
					this.$refs.chapterPopup.close();
				}
				// 清空数据
				this.selectedChapter = null;
				this.selectedSection = null;
				this.popupPosition = '';
			}
		}
	}
</script>

<style>
	/* 新增样式 */
	.section-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 20rpx;
		padding: 0 20rpx;
	}

	.view-more {
		font-size: 28rpx;
		color: #686868;
		text-decoration: none;
	}

	.content {
		display: flex;
		flex-direction: column;
	}

	/* 轮播图样式 */
	.swiper {
		width: 100%;
		height: 230rpx;
		background-color: #f5f5f5;
	}

	.swiper-img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	/* 按钮网格布局 */
	.button-grid {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		padding: 20rpx;
		background-color: #fff;
		margin-top: 20rpx;
	}

	.button-grid1 {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		padding: 20rpx;
		background-color: #fff;
		transition: all 0.3s ease;
		opacity: 0;
		transform: translateY(-10px);
		height: 0;
		overflow: hidden;
	} 

	/* 为更多按钮区域添加过渡动画 */
	.button-grid1 {
		transition: all 0.3s ease;
		opacity: 0;
		transform: translateY(-10px);
	}

	.button-grid1.show {
		opacity: 1;
		transform: translateY(0);
		height: auto;
	}

	.button-item {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 20%;
		margin: 15rpx 0;
	}

	.button-icon {
		width: 40rpx;
		height: 40rpx;
		margin-bottom: 10rpx;
	}

	.button-text {
		font-size: 24rpx;
		color: #333;
	}

	/* 师资团队容器 */
	.teacher-container {
		padding: 20rpx;
		margin-top: 40rpx;
	}

	.section-title {
		font-size: 36rpx;
		font-weight: bold;
		color: #333;
		display: block;
	}

	/* 教师列表 */
	.teacher-list {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 0 20rpx;
	}

	/* 教师卡片 */
	.teacher-card {
		width: 48%;
		background-color: 48%;
		background-color: #fff;
		border-radius: 16rpx;
		overflow: hidden;
		margin-bottom: 30rpx;
		box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.08);
		position: relative;
	}

	/* 教师图片 */
	.teacher-image-container {
		width: 100%;
		height: 300rpx;
		position: relative;
	}

	.teacher-image {
	display: block;
		width: 100%;
		height: 100%;
}

.hidden-teacher-image .teacher-image {
	display: none;
}
	

	/* 悬停信息 */
	.teacher-hover-info {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0, 122, 255, 0.85);
		color: #fff;
		padding: 20rpx;
		display: flex;
		align-items: flex-start;
		transition: opacity 0.3s ease;
		opacity: 0;
		z-index: 2;
		overflow-y: auto;
	}

	.hover-info-text {
		font-size: 26rpx;
		line-height: 1.6;
	}

	/* 教师信息 */
	.teacher-info {
		padding: 20rpx;
	}

	.teacher-name {
		font-size: 32rpx;
		font-weight: bold;
		display: block;
		margin-bottom: 10rpx;
	}

	.teacher-title {
		font-size: 26rpx;
		color: #007AFF;
		display: block;
		margin-bottom: 20rpx;
	}

	/* 专长标签 */
	.expertise-container {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.expertise-item {
		width: 48%;
		background-color: rgba(0, 122, 255, 0.1);
		color: #007AFF;
		border-radius: 50rpx;
		padding: 8rpx 0;
		font-size: 22rpx;
		text-align: center;
		margin-bottom: 10rpx;
		box-sizing: border-box;
	}

	/* 免费增值税服务样式 */
	.free-service {
		margin: 20rpx 0;
		padding: 0 20rpx;
		background-color: #fff;
	}

	.service-image {
		width: 100%;
		border-radius: 10rpx;
	}

	/* 教材容器 */
	.materials-container {
		padding: 20rpx;
		margin-top: 20rpx;
		background-color: #fff;
	}


	/* 教材垂直排列 */
	.textbook-vertical {
		display: flex;
		flex-direction: column;
		gap: 20rpx;
	}

	/* 每个教材项 */
	.textbook-item {
		width: 100%;
		background-color: #f9f9f9;
		border-radius: 16rpx;
		overflow: hidden;
		box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
		position: relative;
		/* 确保能作为定位参考 */
		margin-bottom: 30px;
	}

	/* 教材内部布局 - 图片在左，目录在右 */
	.textbook-inner {
		display: flex;
		flex-direction: row;
	}

	/* 图片区域 */
	.textbook-image-container {
		width: 35%;
		padding: 20rpx;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.textbook-image {
		width: 100%;
		height: 300rpx;
		/* 保持图片高度不变 */
		border-radius: 8rpx;
		object-fit: cover;
	}

	/* 图片下方文字 */
	.textbook-caption {
		margin-top: 10rpx;
		text-align: center;
		width: 100%;
		padding: 0 10rpx;
		/* 增加内边距避免文字贴边 */
	}

	.caption-text {
		display: block;
		font-size: 4px;
		/* 字体缩小，避免换行 */
		color: dodgerblue;
		margin: 10rpx 0;
		/* 减小行间距 */
		line-height: 1.2;
		/* 收紧行高 */
		white-space: nowrap;
		/* 强制不换行 */
		/* overflow: hidden; 超出部分隐藏 */
		text-overflow: ellipsis;
		/* 超出显示省略号 */
	}

	/* 右侧目录区域 */
	.textbook-content {
		width: 65%;
		padding: 15rpx 20rpx;
		/* 减小上内边距 */
		box-sizing: border-box;
	}

	.textbook-title {
		font-size: 28rpx;
		/* 标题稍减小 */
		font-weight: bold;
		color: #333;
		margin-bottom: 15rpx;
		/* 减小标题与目录间距 */
		padding-bottom: 8rpx;
		border-bottom: 1rpx solid #f0f0f0;
		display: block;
	}

	.chapter-list {
		max-height: 450rpx;
		/* 适当减小最大高度 */
	}


	.chapter-item {
		display: flex;
		align-items: center;
		padding: 10rpx 0;
		/* 大幅减小行间距 */
		border-bottom: 1rpx solid #f5f5f5;
		cursor: pointer;
	}

	.chapter-index {
		font-size: 22rpx;
		/* 序号字体减小 */
		color: #999;
		margin-right: 8rpx;
		min-width: 30rpx;
	}

	.chapter-name {
		font-size: 22rpx;
		/* 目录文字减小 */
		color: #333;
		flex: 1;
		line-height: 1.3;
		/* 收紧行高 */
	}


	/* 弹窗样式 - 覆盖在对应教材上方 */
	.uni-popup__content {
		position: fixed !important;
	}

	/* 弹窗容器样式 */
	.popup-content {
		position: fixed;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 90%;
		max-height: 60vh;
		background: #fff;
		border-radius: 12px;
		box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
		z-index: 999;
	}

	/* 蒙层样式调整 */
	.uni-popup__wrapper {
		background-color: rgba(0, 0, 0, 0.5);
	}

	/* 上册弹窗位置 */
	.popup-upper {
		top: 350rpx !important;
		/* 调整到上册内容上方 */
	}

	/* 下册弹窗位置 */
	.popup-lower {
		top: 950rpx !important;
		/* 调整到下册内容上方 */
	}

	.popup-header {
		padding: 30rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-bottom: 1rpx solid #f0f0f0;
	}

	.popup-title {
		font-size: 34rpx;
		font-weight: bold;
		color: #333;
	}

	.popup-body {
		flex: 1;
		padding: 0 25rpx;
	}

	/* .course-list {
	padding: 20rpx 0;
} */

	.course-item {
		margin-bottom: 10rpx;
		padding-bottom: 10rpx;
		border-bottom: 1rpx solid #f5f5f5;
	}


	.course-title {
		font-size: 24rpx;
		/* 弹窗课程标题减小 */
		font-weight: 500;
		color: #333;
		margin-bottom: 5rpx;
		padding: 6rpx 0;
	}

	/* .section-list {
	margin-left: 40rpx;
} */

	.section-item {
		padding: 8rpx 0;
		/* 弹窗小节行间距减小 */
	}

	.section-item text {
		font-size: 22rpx;
		/* 弹窗小节文字减小 */
		color: #666;
	}

	.empty-content {
		padding: 40rpx 0;
		text-align: center;
		color: #999;
	}

	.popup-footer {
		padding: 20rpx;
		border-top: 1rpx solid #f0f0f0;
		display: flex;
		justify-content: flex-end;
	}

	.close-btn {
		background-color: #e74c3c;
		color: #fff;
		border: none;
		border-radius: 8rpx;
		padding: 0 40rpx;
		height: 70rpx;
		line-height: 70rpx;
		font-size: 28rpx;
	}

	/* 全局样式 */
	page {
		background-color: #f5f5f5;
	}

	/* 强制覆盖更多按钮区域的样式 */
	.button-grid1 {
	    display: flex !important;
	    flex-wrap: wrap !important;
	    justify-content: space-around !important;
	    padding: 20rpx !important;
	    background-color: #fff !important;
	    transition: opacity 0.3s ease, height 0.3s ease !important;
	    opacity: 0 !important;
	    height: 0 !important;
	    overflow: hidden !important;
	}

	.button-grid1.show {
	    opacity: 1 !important;
	    height: auto !important;
	}
</style>